<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%@include file="../common/meta.jsp" %>
<title>爱心社 - 关注弱势儿童，全国招募自愿者 - 果果街</title>
<meta name="keywords" content="果果,果果街,果果网,童装, 淘宝网童装,孕妇装,洗护用品, 母婴用品,儿童美食,家居 ,亲子早教" />
<meta name="description" content="童装用品免费拿、参与活动有钱赚。20万件孕婴童精品，上百商家参与互动，最火的另类母婴亲子社区，妈妈们网上逛街的好地方！" />
<%@include file="../common/jscss.jsp" %>
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
	
//-->
</script>
</head>
<body>
<%@include file="../common/header.jsp" %>
<div class="wraper">
  	<div class="clear"></div>
    <div class="lovePicShow">
        <div class="loveCenter">
        	<a target="_blank" href="${contentList1[0].hyperlink }"><img src="${contentList1[0].picture }" /></a>
        	<c:forEach items="${contentList }" var="c" begin="0" end="0">
            <div class="loveDeta">
            	<a target="_blank" href="${c.hyperlink }"><h3>${c.title }</h3></a>
                ${c.description }
            </div>
            <ul class="clearFix">
	        <c:forEach items="${c.memberList }" var="m">
	           	<li>
	               	<a target="_blank" href="cover.htm?fid=${m.family }">
	               		<img nickname="${m.nickname }" src="${m.imageServer }${m.avatar }" width="24" height="24"/>
	               	</a>
	            </li>
	        </c:forEach>
            </ul>
            </c:forEach>
        </div>
    </div>
    <%-- 活动内容 --%>
    <c:forEach items="${contentList }" var="c" begin="1">
    <div class="loveContentShow">
        <div class="boxHeader">
            <b class="ltSquare"></b>
            <b class="rtSquare"></b>
        </div>
        <div class="loveContentCenter">
        	<a target="_blank" href="${c.hyperlink }"><h3 class="lTotalTitle colorGreen font18px">${c.nickname }</h3></a>
            <div class="lcWrapper clearfix">
            	<div class="lcPic">
                	<a target="_blank" href="${c.hyperlink }"><img src="${c.picture }" width="436" height="261"/></a>
                </div>
                <div class="lcInfo">
                	<a target="_blank" href="${c.hyperlink }"><h3 class="colorRed">${c.title }</h3></a>
                    ${c.description }
                    <ul class="lcPicShow clearfix">
                    	<li>
                        	<a target="_blank" href="${c.hyperlink }"><img width="96" height="95" src="${c.doingList[0].doingPictureList[0].imageServer }${c.doingList[0].doingPictureList[0].pictureThumbnail }_100x100.jpg" /></a>
                        </li>
                        <li>
                        	<a target="_blank" href="${c.hyperlink }"><img width="96" height="95" src="${c.doingList[1].doingPictureList[0].imageServer }${c.doingList[1].doingPictureList[0].pictureThumbnail }_100x100.jpg" /></a>
                        </li>
                        <li>
                        	<a target="_blank" href="${c.hyperlink }"><img width="96" height="95" src="${c.doingList[2].doingPictureList[0].imageServer }${c.doingList[2].doingPictureList[0].pictureThumbnail }_100x100.jpg" /></a>
                        </li>
                        <li>
                        	<a target="_blank" href="${c.hyperlink }"><img width="96" height="95" src="${c.doingList[3].doingPictureList[0].imageServer }${c.doingList[3].doingPictureList[0].pictureThumbnail }_100x100.jpg" /></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="lcFamily">
	        	<h3 class="colorRed font14px">爱心家庭</h3>
	            <ul class="lcloveFam clearfix">
	            	<c:forEach items="${c.memberList }" var="m" begin="0" end="24">
	            	<li>
	            		<a target="_blank" href="cover.htm?fid=${m.family }">
	                		<img nickname="${m.nickname }" src="${m.imageServer }${m.avatar }" width="24" height="24"/>
	                	</a>
	                </li>
	            	</c:forEach>
	            </ul>
            </div>
        </div>
        <div class="boxFooter">
            <b class="lfSquare"></b>
            <b class="rfSquare"></b>
        </div>
    </div>
    </c:forEach>
	<div class="clear"></div>
	<%@include file="../common/footer.jsp" %>
</div>
</body>
</html>

